*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.bg img{
	width: 100%;
	height: 100%;
	background-size: 100%;
	/* filter: blur(20px); */
	filter: blur(5px);/* 设置当前标签的模糊程度 */
	position: absolute;/* 不会占用当前的位置;让下面的标签上来 */
	margin: 0 auto;
}

ul li{
	list-style: none;
}
[v-cloak]{
        display: none;  
    }
.w{
	width: 1000px;
	height: 600px;
	 background-image: linear-gradient(#e1e0e1, #ffffff);
	margin: 0 auto;
	position: relative;
}
header{
	width: 1000px;
	height: 55px;

	line-height: 55px;
}
header .title{
	color: white;
	position: absolute;
	left: 30px;
}
header .search{
	position: absolute;
	left: 200px;
}
header .search input{
	width: 160px;
	height: 30px;
	border-top-left-radius:18px;
	border-top-right-radius:18px;
	border-bottom-left-radius:18px;
	border-bottom-right-radius: 18px;
	outline: none;
	border: 0;
	color: #E55D68;
	text-align: center;
}
.theme{
	width: 200px;
	height: 130px;
	position: absolute;
	background-color:white;
	left: 622px;
	top: 36px;
	text-align: center;
}
.theme ul li{
	display: inline-block;
	width:60px ;
	height: 40px;
	/* background-color: #666666; */
}
.icon-biaoqianA01_pifu-46{
width: 30px;
height: 30px;
position: absolute;
left: 600px;
}
.left ul li:nth-child(even){
	background-color: #FFFDF1;
}
.left ul li{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	position: relative;
}
.left{
	width: 200px;
	height: 545px;
	background-color: #ffffff;
	text-align: center;
	color:#4c4c4c ;
	overflow: auto;
	float: left;
}
#leftTitle{
	height: 40px;
	font-size: 22px;
	line-height: 40px;
}
.icon-bofang1{
	color: red;
}
.icon-bofang{
	color: red;
}
.icon-sousuo{
	position:absolute;
	left: 120px;
	color: #FFFDF1;
}
.mid{
	width: 550px;
	height: 600px;
	/* background-color: red; */
	float: left;
	position: relative;
}
.circular{
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background-color:#212224 ;
	border: 10px solid #d6d6d6;
	position: absolute;
	left: 160px;
	top: 150px;
	text-align: center;
	line-height: 333px;
}
.circular img{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	animation: run 12s linear infinite; 
	animation-play-state: paused; 
}
.play{
	position: absolute;
	top: 600px;
	width: 1000px;
	background-color: #f1f3f4;
}
.play audio{
	width: 1000px;
	border-radius: 0;
}
@keyframes run{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
#jxb{
	position:absolute;
	width: 200px;
	height: 300px;
	top:-5px;
	left: 5px;
	transition: 2s;
	transform-origin: left top;
	transform: rotate(20deg);
}
#jxb:hover{
    
}
.icon-bofang1{
	position: absolute;
	left: 10px;
}
.icon-bofang{
	position: absolute;
	right: 10px;
}
#comment{
	float: right;
	width:250px;
	height: 600px;
	/* background-color: red; */
	word-wrap: unset;
	overflow: auto;
	}
#comment dl div{
	position: relative;
	margin-top: 5px;
	word-wrap: break-word;
}
#comment dl div img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.useid{
	position: absolute;
	top: 18px;
	font-size: 18px;
	left: 55px;
	color: #666666;
}
.usecomment{
	text-indent: 2em;
	color: #666666;
	letter-spacing: 1px;
	font-size: 14px;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}